<script setup>
import { ref } from 'vue'
import { MotionComponent } from '@vueuse/motion'
</script>

<template>
  <div class="">
    <div class="grid grid-cols-6 gap-5">
      <MotionComponent preset="fadeVisibleOnce" duration="300">
        <a-card>
          <a-statistic title="用户" :value="null" />
        </a-card>
      </MotionComponent>
      <MotionComponent preset="fadeVisibleOnce" duration="900">
        <a-card>
          <a-statistic title="浏览量" :value="null" />
        </a-card>
      </MotionComponent>
      <MotionComponent preset="fadeVisibleOnce" duration="1200">
        <a-card>
          <a-statistic title="Feedback" :value="null" />
        </a-card>
      </MotionComponent>
    </div>
  </div>
</template>
